.footer {
	height: 70px;
	width: 100%;
	background-color: #ccc;
	position: fixed;
	bottom: 0;
	left: 0;
}

#back {
	/*position: fixed;*/
	z-index: 1;
	text-align: center;
	width: 100%;
	height: 4.6rem;
	line-height: 4.6rem;
	background-color: #59a7f4;
	color: #fff;
	overflow: hidden;
	font-size: 21px;
	top: 0px;
	left: 0px;
}

@media screen and (min-width:768px) {
	#back {
		/* position: fixed; */
		z-index: 1;
		text-align: center;
		width: 100%;
		height: 4.6rem;
		line-height: 4.6rem;
		background-color: #59a7f4;
		color: #fff;
		overflow: hidden;
		font-size: 2rem;
		top: 0px;
		left: 0px;
	}
	.overdue {
		position: absolute;
		background: url(/images/overdue.png) no-repeat 0 0;
		background-size: 109px 47px;
		display: inline-block;
		width: 108px;
		height: 47px;
		text-align: center;
		top: 10px;
		right: 0px;
		color: #fff;
		font-size: 16px;
		line-height: 47px;
		text-indent: 1em;
	}
}

.find-content {
	padding-bottom: 2%;
	color: #383838;
}

.guidList li {
	border-bottom: 1px solid #dfdfdf;
	padding-top: 13px;
	padding-bottom: 10px;
	padding-left: 5%;
	padding-right: 5%;
	font-size: 16px;
}

.wechat {
	position: fixed;
	bottom: 75px;
	left: 0;
}

.wechatBox li {
	text-align: center;
	color: #383838
}

.wechat {
	position: absolute;
	width: 100%;
	top: 75%;
}

.wrap {
	position: relative;
}

.rich {
	padding-left: 3%;
	padding-right: 3%;
}

.curBox {
	background-color: #f0f0f0;
	width: 100%;
	margin: 0 auto;
	margin-top: 4%;
	border-radius: 2px;
	padding-left: 5%;
	padding-top: 2%;
	padding-bottom: 3%;
	padding-right: 5%;
}

.curBox p {
	color: black;
	font-size: 1.7rem;
	margin-bottom: 1%;
}

.curBook {
	font-size: 1.5rem;
	color: #858585;
}

.select_pay p {
	color: black;
	font-size: 1.7rem;
	margin-top: 4%;
}

.select_way p {
	color: black;
	font-size: 1.7rem;
	margin-top: 5%;
}

.payList {
	/*text-align: center;*/
	margin-top: 5%;
}

.mprice:first-child {
	margin-right: 5%;
	margin-left: 4%;
}

.mprice:last-child {
	margin-left: 5%;
}

.mprice {
	display: inline-block;
	width: 41%;
	background-color: #f0f0f0;
	padding-top: 1%;
	padding-bottom: 2%;
	text-align: center;
	border-radius: 4px;
	/*margin-right: 6%;*/
	color: black;
}

.payList .checked {
	display: inline-block;
	background-color: #59A7F4;
	color: #fff;
}

.mprice h2,
.yprice h2 {
	font-size: 3.2rem;
}

.mprice h3,
.yprice h3 {
	font-size: 1.6rem;
}

.mprice h4,
.yprice h4 {
	font-size: 1.3rem;
}

.yprice {
	display: inline-block;
	width: 41%;
	background-color: #f0f0f0;
	padding-top: 1%;
	padding-bottom: 2%;
	text-align: center;
	border-radius: 4px;
	margin-left: 6%;
	color: black;
}

.wayList {
	margin-top: 2%;
}

.wayList .checked {
	background: url('/images/checked.png') no-repeat;
	background-position: 9px 11px;
	padding-left: 12%;
	background-size: 23px 23px;
}

.wayPay {
	background: url('/images/check.png') no-repeat;
	background-position: 9px 11px;
	padding-left: 12%;
	margin-bottom: 2%;
	background-size: 23px 23px;
}

.wayList img {
	width: 12%;
	vertical-align: middle;
	padding-top: 3px;
}

.ali {
	display: inline-block;
	position: relative;
	top: 7px;
	left: 7px;
	font-size: 1.8rem;
	color: #787878;
}

.payBtn {
	position: absolute;
	bottom: 5%;
	width: 94%;
	height: 4.5rem;
	border-radius: 50px;
	font-size: 2rem;
	background-color: #59A7F4;
	text-align: center;
	color: #fff;
	line-height: 4.5rem;
}

@media screen and (min-height:1024px) {
	.wayList .checked {
		background: url(/images/checked.png) no-repeat;
		background-position: 11px 18px;
		padding-left: 10%;
		background-size: 37px 37px;
	}
	.wayPay {
		background: url(/images/check.png) no-repeat;
		background-position: 11px 18px;
		padding-left: 10%;
		background-size: 37px 37px;
	}
}

@media screen and (max-width:375px) {
	.rechargeBox .codeBtn {
		height: 4.0rem;
		line-height: 4.0rem;
		padding-right: 7%;
		padding-left: 7%;
		background-color: #59a7f4;
		border-radius: 2rem;
		font-size: 1.8rem;
		color: #fff;
		display: inline-block;
		/*margin-left: 2%;*/
	}
}

@media screen and (min-width:320px) {
	.rechargeBox .codeBtn {
		height: 4.0rem;
		line-height: 4.0rem;
		padding-right: 7%;
		padding-left: 7%;
		background-color: #59a7f4;
		border-radius: 2rem;
		font-size: 1.8rem;
		color: #fff;
		display: inline-block;
		/*margin-left: 3%;*/
	}
	/*.payBtn {
		position: absolute;
		bottom: 5%;
		width: 94%;
		height: 3rem;
		border-radius: 50px;
		font-size: 1.5rem;
		background-color: #59A7F4;
		text-align: center;
		color: #fff;
		line-height: 3rem;
	}*/
}

@media screen and (max-width:414px) {
	.rechargeBox .codeBtn {
		height: 4.0rem;
		line-height: 4.0rem;
		padding-right: 7%;
		padding-left: 7%;
		background-color: #59a7f4;
		border-radius: 2rem;
		font-size: 1.8rem;
		color: #fff;
		display: inline-block;
		/*margin-left: 3%;*/
	}
}

.onlinePay {
	position: relative;
	top: 20px;
	width: 100%;
	height: 4.5rem;
	border-radius: 50px;
	font-size: 2rem;
	background-color: #59A7F4;
	text-align: center;
	color: #fff;
	line-height: 4.5rem;
}

.contentBox {
	/*background-color: #f0f0f0;*/
	width: 100%;
	margin: 0 auto;
	margin-top: 4%;
	border-radius: 2px;
	padding-left: 4%;
	padding-top: 3%;
	padding-bottom: 2%;
	position: relative;
}

.contentBox ul li {
	font-size: 1.7rem;
	padding-bottom: 2px;
}

.rechargeBox {
	margin-top: 6%;
}

.contentBox ul li:last-child {
	display: none;
}

.rechargeBox input {
	display: inline-block;
	width: 70%;
	height: 4.0rem;
	line-height: 4.0rem;
	border: 1px solid #878787;
	border-radius: 2rem;
	font-size: 1.7rem;
	padding-left: 10px;
	color: #C9C9C9;
}

.rechargeBox .codeBtn {
	height: 4.0rem;
	line-height: 4.0rem;
	padding-right: 7%;
	padding-left: 7%;
	background-color: #59a7f4;
	border-radius: 2rem;
	font-size: 1.8rem;
	color: #fff;
	display: inline-block;
	float: right;
	text-align: center;
}

#text {
	color: #C9C9C9;
	font-size: 1.5rem;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
	color: #999999;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #999999;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #999999;
}

.overdue {
	position: absolute;
	background: url('/images/overdue.png') no-repeat 0 0;
	background-size: 75px 30px;
	display: inline-block;
	width: 75px;
	height: 30px;
	text-align: center;
	top: 10px;
	right: 0px;
	color: #fff;
	font-size: 16px;
	line-height: 30px;
	text-indent: 1em;
	display: none;
}


/* 微信支付完成頁面*/

.blue-btn {
	float: left;
	width: 45%;
	height: 4rem;
	line-height: 4rem;
	border-radius: 3rem;
	border: 1px solid #59a7f4;
	background-color: #59a7f4;
	text-align: center;
	color: #ffffff;
}

.orange-btn {
	float: left;
	width: 45%;
	height: 4rem;
	line-height: 4rem;
	border-radius: 3rem;
	border: 1px solid #59a7f4;
	background-color: #59a7f4;
	text-align: center;
	color: #ffffff;
}

.common_header {
	height: 4.6rem;
	width: 100%;
	background: #59a7f4;
	position: relative;
}

.back {
	position: absolute;
	height: 4.6rem;
	left: 0;
	top: 0;
}

.back img {
	float: left;
	height: 1.7rem;
	width: auto;
	margin-top: 1.45rem;
}

.title {
	display: block;
	width: 80%;
	height: 4.6rem;
	line-height: 4.6rem;
	font-size: 2rem;
	text-align: center;
	color: #fff;
	margin-left: 10%;
}

.dabao {
	margin-left: 10px;
	color: red;
	font-size: 18px;
	height:22px;
	display:inline-block;
}
.duigou {
	vertical-align: middle;
	margin-left: 13px;
	margin-top:-3px;
}
.noduigou {
	vertical-align: middle;
	margin-left: 13px;
	margin-top:-3px;
	
}
